@charset "UTF-8";
/**
 * 鸡蛋白游戏CSS样式文件
 * @authors Jo
 * @date    2015-8-1 12:10:02
 * @version $Id$
 */
html,body{max-width: 640px; margin: 0 auto; width: 100%;}
p{margin: 0;}
.none{display: none;}
#cartoon{width: 100%; height: auto; float: left; overflow-x: hidden; overflow-y: hidden;}
#cartoon img{width: 100%;}
.down_arrow{height: 0.225rem; display: block;}

/* 漫画第一页 */
#cartoon .page1,#cartoon .page2,#cartoon .page3,#cartoon .page4{float: left; position: relative;width: 100%; z-index: 100;}
#cartoon .page1 .one{height: 6.28rem;}
#cartoon .page1 .two{height: 3.34rem;}

/* 漫画第二页 */
#cartoon .page2 .one{height: 3.5rem;}
#cartoon .page2 .two{height: 4.555rem;}
#cartoon .page2 .three{height: 1.03rem;}
#cartoon .page2 .four{height: 4.64rem;}

/* 漫画第三页 */
#cartoon .page3 .one{height: 4.535rem;}
#cartoon .page3 .two{height: 2.325rem;}
#cartoon .page3 .three{height: 2.325rem;}
#cartoon .page3 .four{height: 3.2rem;}

/* 漫画第四页 */
#cartoon .page4 .one{height: 2.5rem;}
#cartoon .page4 .two{height: 3.25rem;}
#cartoon .page4 .three{height: 3.5rem;}
#cartoon .page4 .loding_game{position: absolute; width: 1.2rem; height: 0.6rem; bottom: 0.23rem; left: 50%; margin-left: -0.6rem; cursor: pointer;}

/* 游戏板块 */
#cartoon .game{width: 100%; background-color: #e0e0e0; height: auto;}
#cartoon .game .checkpoint{width: 2.085rem; height: 0.78rem; margin: 0 auto; padding-top: 0.28rem;}
#cartoon .game .checkpoint img{width: 2.085rem; height: 0.78rem;}
#cartoon .game .matchman{width: 100%; height: 0.5rem; position: relative;}
#cartoon .game .matchman .matchman_bg{width: 100%; height: 0.5rem;}
#cartoon .game .matchman .timer_bg{width: 0.485rem; height: 0.425rem; left: 50%; margin-left: -0.2425rem; bottom: 0.025rem; display: block; position: absolute;}
#cartoon .game .matchman .timer{position: absolute; width: 100%; height: auto; text-align: center; bottom: 0.025rem; font-family: "黑体"; font-size: 0.2rem;}
#cartoon .game .content{width: 3.01rem; height: 3.01rem; margin: 0 auto;}
#cartoon .game .content .square{float:left; width: 0.41rem; height: 0.41rem; border: 0.01rem solid #535353; background-color: #f7f9fd; cursor: pointer;}
#cartoon .game .content .one_checkpoint{background-color: #e5e5e5;}
#cartoon .game .content .two_checkpoint{background-color: #eeeeee;}
#cartoon .game .content .three_checkpoint{background-color: #f0f3fa;}
#cartoon .game .content .four_checkpoint{background-color: #f6f3f9;}
#cartoon .game .content .five_checkpoint{background-color: #fbf8fb;}
#cartoon .game .content .six_checkpoint{background-color: #f1f4f9;}
#cartoon .game .content .seven_checkpoint{background-color: #fbf8fb;}
#cartoon .game .content .eight_checkpoint{background-color: #f7f9fd;}
#cartoon .game .content .nine_checkpoint{background-color: #f8fcfa;}
#cartoon .game .content .ten_checkpoint{background-color: #f7f9fd;}
#cartoon .game .content .eleven_checkpoint{background-color: #f8fffe;}
#cartoon .game .content .twelve_checkpoint{background-color: #f7f9fd;}
#cartoon .game .content .thirteen_checkpoint{background-color: #fdfeff;}
#cartoon .game .content .fourteen_checkpoint{background-color: #fafcff;}
#cartoon .game .content .fifteen_checkpoint{background-color: #f7f9fd;}
#cartoon .game .content .sixteen_checkpoint{background-color: #fffffc;}
#cartoon .game .content .seventeen_checkpoint{background-color: #fefffc;}
#cartoon .game .content .eighteen_checkpoint{background-color: #fcfffd;}
#cartoon .game .content .nineteen_checkpoint{background-color: #fcffff;}
#cartoon .game .content .twenty_checkpoint{background-color: #fdffff;}
#cartoon .game .content .white{background-color: #fff;}
#cartoon .game .bottom{width: 100%; height: 1.245rem; margin: 0 auto;}
#cartoon .game .bottom img{width: 100%; height: 1.245rem;}

/* 弹窗部分 */
#mask{position: fixed; width: 100%; height: 100%; z-index: 11; top: 0rem; left: 0rem; background: rgba(113, 113, 113, 0.5);}
#mask2{position: fixed; width: 100%; height: 100%; z-index: 11; top: 0rem; left: 0rem; background: rgba(113, 113, 113, 0.5);}
#popup_result{position: fixed; width: 2.4rem; height: 2.2rem; left: 50%; margin-left: -1.2rem; top: 50%; margin-top: -1.1rem; z-index: 22; background-color: #f0efed;}
#popup_result .result{width: 100%; height: 1.305rem; margin: 0 auto;}
#popup_result .result img{width: 100%; height: 1.305rem; margin-top: 0.3rem;}
#popup_result .button{width: 100%; height: 0.5rem; margin-top: 0.7rem; position: relative;}
#popup_result .button img{width: 100%; height: 0.5rem;}
#popup_result .left_btn{position: absolute; width: 50%; height: 0.5rem; left: 0; top: 0; cursor: pointer;}
#popup_result .right_btn{position: absolute; width: 50%; height: 0.5rem; right: 0; top: 0; cursor: pointer;}
#share{position: fixed; width: 3rem; height: 1.3rem; left: 50%; margin-left: -1.5rem; top: 0; z-index: 22;}
#share .share_popup{width: 3rem; height: 1.3rem;}
#share .share_popup img{width: 3rem; height: 1.3rem;}

/* 最后部分 */
#cartoon .last{width: 100%; height: 5.05rem; position: relative;}
#cartoon .last img{height: 5.05rem;}
#cartoon .last .go_eggms{width: 1.2rem; height: 0.6rem; cursor: pointer; position: absolute; bottom: 0.35rem; left: 50%; margin-left: -0.55rem;}